import React, { Component } from "react";
import { Layout } from "antd";
import "moment/locale/zh-cn";
import { observer, inject } from "mobx-react";
import MainRight from "../mainright";
import "./style.scss";

import SideLeft from "../sideleft";

const Sider = Layout.Sider;

@inject("AppStore")
@observer
class APP extends Component {
    constructor(props) {
        super(props);
        this.state = {
            status: {
                warningStatus: false,
                orderStatus: false
            },
            selectedOrders: [1, 3]
        };
    }

    render() {
        return (
            <div>
                <Layout>
                    <Sider
                        className="app-side"
                        style={{
                            overflow: "auto",
                            height: "100vh",
                            position: "fixed",
                            left: 0
                        }}
                    >
                        <SideLeft type="APP" />
                    </Sider>
                    <Layout style={{ marginLeft: 520, background: "#212734" }}>
                        <MainRight type="APP" />
                    </Layout>
                </Layout>
            </div>
        );
    }
}

export default APP;
